<template>
  <div class="page-container">
    <van-row type="flex" justify="space-between">
      <van-col>
        <van-button @click="pre()">{{preText}}</van-button>
      </van-col>
      <van-col>
        <van-button @click="current()">{{currText}}</van-button>
      </van-col>
      <van-col>
        <van-button @click="next()">{{nextText}}</van-button>
      </van-col>
    </van-row>

  </div>
</template>

<script>
  export default {
    props: {
      preText: String,
      currText: String,
      nextText: String
    },
    name: 'PageChangeControl',
    methods:{
      pre() {
        this.$emit("pre");
      },
      next() {
        this.$emit("next");
      },
      current() {
        this.$emit("current");
      }
    }
  }
</script>

<style>
  .page-container {
    background-color: #F3F3F3;
  }
  .van-button--normal {
    border: none;
    color: #3E7EFF;
    background-color: #F3F3F3;
  }
</style>
